<script lang="jsx">
import { defineComponent } from 'vue'
import { propTypes } from '../../../utils/propTypes'

export default defineComponent({
  name: 'FileIco',
  props: {
    ico: propTypes.string, // 图标，不含 .
    position: propTypes.string, // 显示的位置：table ，可以新增
    style: propTypes.string // 行内样式
  },
  setup(props) {
    return () =>
      props.ico ? (
        <img
          src={`../../../assets/image/file-ico/ico-${props.ico}.png`}
          class={props.position ? `ico-in__${props.position}` : ''}
          style={props.style}
        />
      ) : null
  }
})
</script>

<style lang="scss" scoped>
.ico-in {
  &__table {
    width: 14px;
    margin-right: 5px;
    vertical-align: text-top;
  }
}
</style>
